<template>
  <div class="not-found">
    <div class="not-found-header-container">
      <img src="~images/login_logo.png" alt="" class="logo" />
    </div>
    <div class="not-found-main">
      <img src="~images/not_found.svg" alt="" class="not-found-main-img" />
      <p class="not-found-main-btn" @click="goBack">返回</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "NotFound",
  methods: {
    goBack(){
      this.$router.back();
    }
  }
};
</script>

<style lang="sass" scoped>
.not-found
  background: #fff
  min-height: 100vh
  .not-found-header-container
    width: 1300px
    height: 75px
    margin: 0 auto
    align-items: center
    display: flex
    .logo
      width: 129px
      height: 29px
  .not-found-main
    display: flex
    flex-direction: column
    align-items: center
    .not-found-main-img
      width: 631px
      height: 414px
      margin-bottom: 65px
    .not-found-main-btn
      width: 115px
      height: 45px
      line-height: 45px
      text-align: center
      background: $main-color
      color: #fff
      border-radius: 2px
      cursor: pointer
</style>
